@charset "utf-8";
body {
	background-color: #f1f1f1;
	background-image: url(../images/bgBody.png);
	background-repeat: repeat-x;
	background-position: center top;
	
}
.wrapper {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #555555;
	width: 1026px;
	min-height:500px;
	margin:0 auto;
}
/*Top ---------*/
.wrapper .top {
	height: 158px;
}
.top .nav-top {
	float: right;
	width: 200px;
}
.nav-top li {
	float: left;
    line-height: 25px;
    padding: 0 5px;
}
.nav-top li a {
	color: #555555;
    font-size: 11px;
    padding-right: 5px;
    text-transform: uppercase;
}
.top a img {
	clear: both;
    float: left;    
    margin-top: 12px;
}
.top .search {
	background-image: url("../images/bgBox-search.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #C9C9C9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    clear: both;
    float: right;
    height: 30px;
    margin-right: 20px;
    width: 410px;
}
.search .txtSearch {
	border: 1px solid #CCCCCC;
    margin: 4px 5px 4px 5px;
    padding: 3px;
    width: 170px;
}
.search .dllSearch {
	font-size: 10px;
    margin: 4px 4px 4px 0;
    padding: 3px 4px;
    text-shadow: 1px 0 #CCCCCC;
    text-transform: uppercase;
    width: 140px;
	border: 1px solid #CCCCCC;
}
.search .btnSearch {
	background-image: url("../images/btnSearch.png");
    border: medium none navy;
    height: 22px;
    margin-top: 4px;
    width: 61px;
}
/*Menu ------------*/
.top .nav {
	background-image: url(../images/bgNav.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 40px;
	clear:both;
}
.nav li {
	line-height: 40px;
	margin-right: 10px;
	margin-left: 20px;
	float:left;
}
.nav li a {
	color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.nav .nav-active a{
	background: none repeat scroll 0 0 #F9F9F9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #555555;
    padding: 5px 10px 12px;
}

/*Content Left*/
.wrapper .content {
	margin-top:5px;
}
.content .content-left {
	float: left;
	width: 220px;
}
.box {
	background-color: #FEFEFE;
    background-image: url("../images/bgBox.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.content-left .nav-left {
	padding-bottom: 50px;
}
.nav-left h3 {
	font-size: 12px;
    font-weight: bold;
    line-height: 33px;
    padding-left: 20px;
    text-transform: uppercase;
}
.nav-left .ulnav-left {
	margin-left: 20px;
    margin-right: 25px;
    margin-top: 15px;
}
.ulnav-left li {
	background-image: url("../images/iconlistGray.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #CCCCCC;
    line-height: 35px;
    padding-left: 30px;
}
.ulnav-left li:hover {
	background-image: url(../images/iconlistRed.png);
}
.ulnav-left li:hover a{
	color:#CA0B07;
	font-weight:bold;
}

.ulnav-left li a {
	color: #667F92;
    font-size: 11px;
    text-transform: uppercase;
}
.ulnav-left .liLeft-active {
	background-image: url(../images/iconlistRed.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.ulnav-left .liLeft-active a {
	color: #CA0B07;
	font-weight:bold;
}
.ulnav-left li span
{
	background:url(../images/items_drop.gif) no-repeat right center;
	display: inline-block;
    width: 100%;
	}
.liLeft-active ul {
}
.liLeft-active ul li {	
	background-image: url("../images/iconlistRed.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: medium none;
    padding-right: 20px;
}
.liLeft-active ul li a
{
	color: #888888 !important;
    font-size: 12px;
    text-transform: none;
	font-weight:normal !important;
	}
.content-left a img {
	border: 1px solid #F1F1F1;
    margin: 5px 0 0;
    width: 220px;
}
.content .content-right {
	float: right;
	width: 800px;

}

/*Css Tab*/
.tab-box { 
  	height: 30px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.tab-box a {
   	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/bgBox-search.png") repeat-x scroll left top transparent;
    border-color: #E5E5E5 #E5E5E5 -moz-use-text-color;
    border-style: solid solid none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px medium;
    color: #36566E;
    display: inline-block;
    font-weight: bold;
    line-height: 25px;
    margin: 8px;
    padding: 0 10px;
    text-decoration: none;
}
.tab-box a.activeLink { 
	color: #ca0b3a; 
}
.tabcontent {
	padding: 5px;
	}
.hide { display: none;}
.show { display:block;}
.content-right .right-box {
	margin-top: 5px;
}
/*Right */
.right-box ul li {
    float: left;
    min-height: 230px;
    text-align: center;
    width: 170px;
	background:#fff;
	margin:25px 0 0 25px;
}
.right-box ul li h3 {
    font-weight: bold;
    min-height:30px;
	padding:10px;
}
.right-box ul li h4 {
    color: #CA0B3A;
    font-size: 11px;
	text-align:left;
	line-height:20px;
	padding-left:30px;
}
.right-box ul li h4 span {
    color: #36566E;
}
.right-box ul li img {
    display: inline-block;
    height: 100px;
}
.content-li 
{
	border: 1px solid #E5E5E5;
	height:218px;
}	
.content-li div
{
	background:url(../images/btnPro.png) no-repeat center top;
	width:144px;
	height:20px;
	margin:0 auto;
}
.content-li div a {
    display: inline-block;
    float: left;
    height: 20px;
    width: 72px;	
}
.content-li-bottom {
	background-image: url(../images/bgBox-shadow.png);
	height: 12px;
	width: 170px;
}
/*Right Bottom*/
.content-right .right-bottom {
	margin-top: 5px;
	padding:0 10px;
	margin-bottom:50px;
}
.right-bottom h3 {
	font-size: 14px;
	font-weight: bold;
	color: #c53222;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
}
.right-bottom .prev {
	background: url(../images/iconNext.png) no-repeat left center;
	float: left;
	height: 110px;
	width: 18px;
	border:none;
}
.right-bottom .next {
	background: url(../images/iconPrev.png) no-repeat right center;
	float: left;
	height: 110px;
	width: 18px;
	border:none;	
}
.right-bottom .anyClass
{
	width:724px !important;
	float:left;
	height:140px;
	}
.right-bottom ul li img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    height: 85px;
    width: 115px;
}    	
.right-bottom ul li
{
	 float: left;
    height: 110px;
    margin: 10px;
    text-align: center;
    width: 160px;
	}	
	
.right-bottom ul li a
{
	display:block;
	text-transform:uppercase;
	color:#555;
	font-weight:bold;
	padding-top:7px;
	}	
	
/*List new left*/	

.news-left
{
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 15px;
}
.news-left li {    
    border-bottom: 1px dashed #CCCCCC;    
    padding: 10px;
}

.news-left li:hover a {
    color: #CA0B07;    
}

.news-left li a {
    color: #667F92;
    font-size: 12px;    
}

.ulnews-right
{
    padding: 0 0 10px 10px;   
    }
    
.ulnews-right li
{
    border: 1px solid #ccc;
    color: #667F92;
    padding: 10px;
    margin-bottom: 10px;
    }    
.ulnews-right li h2
{
    font-size:16px;
    font-weight:bold;
    }    
.ulnews-right li h2 a{
    color: #667F92;
}
    
    
.ulnews-right li h3
{
    font-size:13px;
    }    
.ulnews-right li h4
{    
    font-size:11px;
    padding:10px 0;
    }      

.news-content     
{
    border: 1px solid #ccc;
    color: #667F92;
    padding: 0 0 10px 10px;
    margin-bottom: 10px;
    }  
.news-content h2
{
    font-size:16px;
    font-weight:bold;
    padding: 20px 0;
    }    
        
.news-content h3
{
    font-size:14px;
    }    
.news-content h4
{    
    font-size:11px;
    padding:10px 0;
    }                   
    
/*Footer*/    
#wrap-footer {
    border-top: 1px solid #CCCCCC;
    font-size: 11px;
    height: 55px;
    margin: 30px 10px 0;
}
#wrap-footer ul {
    color: #CCCCCC;
    font-size: 11px;
    list-style: none outside none;
    margin-top: 5px;
    height: 20px;
}
#wrap-footer ul li {
    border-right: 1px solid #CCCCCC;
    float: left;
    padding: 0 10px;
}
#wrap-footer ul li a {
    color: #555555;
}


/*List product*/
.content-right .listproduct {
	padding:5px;
	border:1px solid #ccc;	
	background:#fff;
}
.listproduct li{
	padding:15px 10px;
	border-bottom:1px dashed #ccc;
}
.listproduct li a .imgavatar {
	float:left;
	border:1px solid #ddd;
	margin-right: 20px;		
	width:240px;
	height:160px;
	}
.listproduct li div
{
	font-family: Tahoma, Geneva, sans-serif;

	}
.listproduct li div h2 {
	font-size: 16px;
	font-weight: bold;
	color: #eb191e;
}
.listproduct li div div {
	color: #333333;
    font-size: 13px;
    height: 60px;
    line-height: 20px;
    margin: 8px 0;
    overflow: hidden;
}
.listproduct li div div span {
	font-weight: normal;
	padding:0 10px;
}
.listproduct li div h4 {
	font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0;
    text-transform: uppercase;
}
.listproduct li div p {
	font-size: 11px;
}
.listproduct li div h5 {
	font-size: 12px;
	font-weight: bold;
	line-height:25px;
}
.listproduct li div h5 span {
	font-size: 18px;
	font-weight: bold;
	color: #eb191e;
	padding-left: 20px;
}
.red {
	font-size: 11px !important;
	color: #eb191e;
	padding-left:5px !important;
}
.listproduct li div h5 a .btnAddcart {
	float: none;
	vertical-align:top;
	padding-left:20px;
}
.listproduct li div h4 img {
	vertical-align:middle;	
	padding-left: 20px;
	height: 35px;
}

.menu-popular li a img
{
    height: 65px;
    margin-top: 15px;
    width: 95px;
}
/*Menu ... */
.top .menu {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    color: #555555;
    height: 380px;
    position: absolute;
    width: 1024px;
    z-index: 999;
   	border-top:none;
}
.top .menu ul {
	height:98%;
	margin: 2px 0;
	padding: 0 10px;
}
.top .menu .menu-popular {
	float: left;
	width: 205px;
	padding:10px;
}
.menu-popular .popular-title {
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
}
.menu-popular li {
	float: left;
	width: 100px;
	
}
.top .menu .menu-category {
	float: left;
	width: 185px;
	border-left:1px solid #ccc;	
}

.menu-category .category-title {
	font-weight: bold;
	text-transform: uppercase;
	background: none !important;
	padding: 5px 0;
}
.menu-category li {
	background: url(../images/iconLi.png) no-repeat left center;
	padding:5px 5px 5px 15px;
	margin:0 10px;
}
.menu .menu-right {
	width:150px;
	float:right;
}
.menu-right li a img {
	width:140px;
	height:110px;
	margin:0;
	padding:0;
}
.menu .menu-right li {
	padding-top:10px;
	float:left;
}
